<template>
  <div>
    <el-table :data="lists" :cell-style="cellStyle" :header-cell-style="rowClass" style="width: 100%" ref="countyStat"> 
      <el-table-column type="index" label="序号"  min-width="5%"></el-table-column>
      <el-table-column prop="areaName" label="区县" min-width="20%"></el-table-column>
      <el-table-column prop="groupName" label="校群名称" min-width="10%"></el-table-column>

      <el-table-column prop="innerHostNum" label="课内主讲节数" min-width="10%"></el-table-column>
      <el-table-column prop="outerHostNum" label="课外主讲节数" min-width="10%"></el-table-column>
      <el-table-column prop="hostNum" label="主讲总节数" min-width="12%"></el-table-column>
      <el-table-column prop="hostAllNum" label="主讲在线时长(h)" min-width="10%"></el-table-column>

      <el-table-column prop="innerHearNum" label="课内听讲节数" min-width="10%"></el-table-column>
      <el-table-column prop="outerHearNum" label="课外听讲节数" min-width="10%"></el-table-column>
      <el-table-column prop="hearNum" label="听讲总节数" min-width="12%"></el-table-column>
      <el-table-column prop="hearAllNum" label="听讲在线时长(h)" min-width="12%"></el-table-column>    
    </el-table>    

  </div>
</template>

  <script>
    export default {
      data() {        
        return {       
        }
      },
      // props:{
      //   lists:[]
      // },
      props:["lists"],
      methods: {
        cellStyle(){
          return "text-align:center"
        },
        rowClass() {
          return "text-align:center"
        }
      }
    }
  </script>